<?php 
$cdnUrl='./';
$appId = 'wxe214ac48790c622f';
$secret ='6b7153fc9c94ee2008e71ecbb2313bec';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>URARA</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/swiper.min.css">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/animate.min.css?v=3">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#302418;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#787c7f;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;transform:translate3d(0,0,0);overflow:hidden;width:100%;height:auto;overflow:hidden;}
.p-b, .thebg, .bigbg, .page, .home-z1{position:absolute;width:100%;top:0;left:0;}
.home{background:#2b1d0d;}
.home-x1{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/home-x1.png?v=5') no-repeat;background-size:cover;}
.home-x2{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/home-x2.png?v=5') no-repeat;background-size:cover;}
.home-x3{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/home-x3.png?v=5') no-repeat;background-size:cover;}
.home-x4{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/home-x4.png?v=5') no-repeat;background-size:cover;}
.home-x1-2, .home-x2-2, .home-x3-2, .home-x4-2{position:absolute;width:100%;top:0;left:0;}
.home-xg{position:absolute;top:0;width:100%;display:none;}
.home-xg2{position:absolute;top:0;display:none;}
.z2{z-index:2;}
.home-top{position:absolute;background:#1b1209;width:100%;height:20%;top:0;left:0;} 
.sw100{position:absolute;width:100%;left:0;}
@-webkit-keyframes arr{ 
   from {opacity: 0;-webkit-transform: translate3d(0, -26%, 0);transform: translate3d(0, -26%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.arw{animation: arr 2s ease-in-out infinite;-webkit-animation: arr 2s ease-in-out infinite;} 
.arw{position:absolute;bottom:2%;}
.p-s, .p-c2, .p-c3{opacity:0;}
@keyframes heartBeat {
  0% {transform: scale(1);}
  14% {transform: scale(1.3);}
  28% {transform: scale(1);}
  42% {transform: scale(1.3);}
  70% {transform: scale(1);}
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%
  {transform: translate3d(-10px, 0, 0);}
  20%,
  40%,
  60%
   {
    transform: translate3d(10px, 0, 0);
  }
}
.shakeX {
  animation-name: shakeX;
}
@keyframes fla2 {
  0%,
  100%{opacity: 1;}
  60%{opacity: 0;}
}
.fla2 {
  animation-name: fla2;
}
.ani3{animation-duration:3s;animation-fill-mode: both;}
.ani15{animation-duration:1.5s;animation-fill-mode: both;}
.animated{animation-duration:1s;animation-fill-mode: both;}
.animated.infinite, .ani3.infinite{animation-iteration-count: infinite;}
.ani12{animation-timing-function: ease-in-out;animation-duration:1.2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;}
.animated.d8s{animation-delay: .8s;}
.animated.d5s{animation-delay: .5s;}
.animated.d7s{animation-delay: .7s;}
.animated.d12s{animation-delay: 1.2s;}
.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
*{touch-action:pan-y;}
.hide{display:none;}
.xlie-z1{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/xlie-z1.png') no-repeat;background-size:cover;}
.xlie-z4{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/xlie-z4.png') no-repeat;background-size:cover;}
.xlie-z5{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/xlie-z5.png') no-repeat;background-size:cover;}
.home-back{position:absolute;bottom:2%;}
flh{0%,100%,50%{opacity:1}25%,75%{opacity:.2}}@keyframes flh{0%,100%,50%{opacity:1}25%,75%{opacity:.2}}.flh{-webkit-animation-name:flh;animation-name:flh}
.home-back{animation: flh 4s ease-in-out infinite;-webkit-animation: flh 4s ease-in-out infinite;} 
@keyframes backInDown {
  0% {
    transform: translateY(-30px) scale(0.7);
    opacity: 0.7;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  30% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  60% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }

}
.backInDown {
  animation-name: backInDown;
}

</style><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3216c0743350a06b379256cd5d83c30e";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);})();</script></head>
<body>
<div class="container">
	   <div class="swiper-container p-s">
            <div class="swiper-wrapper">
              <div class="hxin swiper-slide">
                  <img class="p-b hxin-x" src="<?php echo $cdnUrl; ?>img/hxin.jpg" />
                  <div class="thebg">
                      <img class="p-b" src="<?php echo $cdnUrl; ?>img/hxin-t1.png" />
                      <img class="sw100 hxin-title" src="<?php echo $cdnUrl; ?>img/hxin-title.png" />
                      <img class="sw100 hxin-t2" src="<?php echo $cdnUrl; ?>img/hxin-t2.png?v=3" />
                      <img class="sw100 hxin-t3" src="<?php echo $cdnUrl; ?>img/hxin-t3.png?v=3" />
                      <img class="sw100 hxin-t4" src="<?php echo $cdnUrl; ?>img/hxin-t4.png?v=3" />
                      <img class="simg hxin-z1 animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/hxin-z1.png" />
                      <img class="simg hxin-z2 d5s animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/hxin-z2.png" />
                       
                   </div>
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
              </div>
              <div class="hx2 swiper-slide">
                  <img class="bigbg" src="<?php echo $cdnUrl; ?>img/hx2.jpg" />
                  <div class="thebg">
                       <img class="p-b" src="<?php echo $cdnUrl; ?>img/hx2-t1.png" />
                       <img class="sw100 hx2-t2" src="<?php echo $cdnUrl; ?>img/hx2-t2.png" />
                       <img class="sw100 hx2-t3" src="<?php echo $cdnUrl; ?>img/hx2-t3.png" />
                       <img class="sw100 hx2-t4" src="<?php echo $cdnUrl; ?>img/hx2-t4.png" />
                       <img class="hx2-z1 simg animated fadeInLeft" src="<?php echo $cdnUrl; ?>img/hx2-z1.png" />
                       <img class="hx2-z2 simg animated d5s fadeInLeft" src="<?php echo $cdnUrl; ?>img/hx2-z2.png" />
                       <img class="hx2-z3 simg animated  fadeInLeft" src="<?php echo $cdnUrl; ?>img/hx2-z3.png" />
                  </div>
                  <img class="home-back" src="<?php echo $cdnUrl; ?>img/home-back.png" />
             </div>
          </div>
        </div>
        
        <div class="swiper-container p-c2">
            <div class="swiper-wrapper">
              <div class="brand swiper-slide">
               <img class="bigbg" src="<?php echo $cdnUrl; ?>img/brand.jpg" />
               <div class="thebg">
                  <img class="p-b animated fadeIn" src="<?php echo $cdnUrl; ?>img/brand-t1.png" />
                  <img class="sw100 brand-t2 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/brand-t2.png" />
                  <img class="sw100 brand-t3 animated fadeIn d5s" src="<?php echo $cdnUrl; ?>img/brand-t3.png" />
                  <img class="sw100 brand-t4 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/brand-t4.png" />
               </div>
               <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
              </div>
              <div class="bd2 swiper-slide">
               <img class="bigbg" src="<?php echo $cdnUrl; ?>img/bd2.jpg" />
               <div class="thebg">
                 <img class="sw100 bd2-t1 animated zoomIn" src="<?php echo $cdnUrl; ?>img/bd2-t1.png" />
                 <img class="sw100 bd2-t2 d5s animated fadeInDown" src="<?php echo $cdnUrl; ?>img/bd2-t2.png" />
               </div>
               <img class="home-back" src="<?php echo $cdnUrl; ?>img/home-back.png" />
              </div>
          </div>
        </div>
        
        <div class="swiper-container p-c3">
            <div class="swiper-wrapper">
                <div class="zdi swiper-slide">
                   <img class="bigbg" src="<?php echo $cdnUrl; ?>img/zdi.jpg" />
                   <div class="thebg">
                      <img class="p-b animated fadeIn" src="<?php echo $cdnUrl; ?>img/zdi-t1.png" />
                      <img class="sw100 zdi-t2 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/zdi-t2.png" />
                      <img class="sw100 zdi-t3 d5s animated fadeIn" src="<?php echo $cdnUrl; ?>img/zdi-t3.png" />
                      <img class="zdi-t4-A sw100 zdi-t4 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/zdi-t4-2.png" />
                      <img class="zdi-t4-B sw100 zdi-t4 hide" src="<?php echo $cdnUrl; ?>img/zdi-t4.png" />
                      <img class="zdi-z1 hide simg ani3 backInDown" src="<?php echo $cdnUrl; ?>img/zdi-z1.png" />  
                      <img class="zdi-z2 hide simg ani3 backInDown" src="<?php echo $cdnUrl; ?>img/zdi-z2.png" />  
                      <img class="zdi-z3 hide simg ani3 backInDown" src="<?php echo $cdnUrl; ?>img/zdi-z3.png" />  
                      <img class="zdi-z4 hide simg ani3 backInDown" src="<?php echo $cdnUrl; ?>img/zdi-z4.png" />  
<!-- d8s ani3 backInDown infinite  -->
                   </div>
                   <img class="arw" src="<?php echo $cdnUrl; ?>img/arr.png" />
                </div>
                
                <div class="zd2 swiper-slide">
                   <img class="bigbg" src="<?php echo $cdnUrl; ?>img/zd2.jpg" />
                   <div class="thebg">
                      <img class="p-b" src="<?php echo $cdnUrl; ?>img/zd2-t1.png" />
                      <img class="sw100 zd2-t2 animated fadeIn" src="<?php echo $cdnUrl; ?>img/zd2-t2-2.png?v=4" />
                      <img class="sw100 zd2-t2 ani3 flash infinite" src="<?php echo $cdnUrl; ?>img/zd2-t2-4.png?v=4" />
                      <img class="sw100 zd2-t2" src="<?php echo $cdnUrl; ?>img/zd2-t2-3.png" />
                      
                      <img class="sw100 zd2-t3" src="<?php echo $cdnUrl; ?>img/zd2-t3.png" />
                      <img class="sw100 zd2-t4 animated fadeInUp" src="<?php echo $cdnUrl; ?>img/zd2-t4.png" />
                   </div>
                   <img class="home-back" src="<?php echo $cdnUrl; ?>img/home-back.png" />
                </div>
          </div>
        </div>
        
        <div class="home page">
           <div class="home-top"></div>
           <img class="home-z1 home-z1-x z2 animated fadeInDown" src="<?php echo $cdnUrl; ?>img/home-s1.png" />
           <div class="thebg">
               <img class="home-z1" src="<?php echo $cdnUrl; ?>img/home-1.jpg" />
               <div class="home-x1 animated fadeInLeft d7s">
                   <img class="home-xg xg1" src="<?php echo $cdnUrl; ?>img/home-xg.png" />
                   <img class="home-x1-2" src="<?php echo $cdnUrl; ?>img/home-x1-2.png?v=1" />
                   
               </div>
               <div class="home-x2 animated fadeInRight d7s">
                   <img class="home-xg xg2" src="<?php echo $cdnUrl; ?>img/home-xg.png" />
                   <img class="home-x2-2" src="<?php echo $cdnUrl; ?>img/home-x2-2.png?v=1" />
               </div>
               <div class="home-x3  animated fadeInLeft d12s">
                   <img class="home-xg xg3" src="<?php echo $cdnUrl; ?>img/home-xg.png" />
                   <img class="home-x3-2" src="<?php echo $cdnUrl; ?>img/home-x3-2.png?v=1" />
               </div>
               <div class="home-x4  animated fadeInRight d12s">
                   <img class="home-xg xg4" src="<?php echo $cdnUrl; ?>img/home-xg.png" />
                   <img class="home-x4-2" src="<?php echo $cdnUrl; ?>img/home-x4-2.png?v=1" />
               </div>
          </div>
        </div>
        
        <div class="xlie page hide">
           <img class="bigbg" src="<?php echo $cdnUrl; ?>img/xlie.jpg" />
           <div class="thebg">
              <img class="p-b" src="<?php echo $cdnUrl; ?>img/xlie-t1.png" />
              <img class="sw100 xlie-t2" src="<?php echo $cdnUrl; ?>img/xlie-t2.png" />
              <img class="sw100 xlie-t3" src="<?php echo $cdnUrl; ?>img/xlie-t3.png" />
              <div class="xlie-z1">
                 <img class="xlie-z2 simg animated fadeInDown" src="<?php echo $cdnUrl; ?>img/xlie-z2.png" />
                 <img class="xlie-z3 simg animated fadeInDown d5s" src="<?php echo $cdnUrl; ?>img/xlie-z3.png" /> 
              </div>
              <div class="xlie-z4"></div>
              <div class="xlie-z5"></div>
              
              <img class="sw100 xlie-t4" src="<?php echo $cdnUrl; ?>img/xlie-t4.png" />
              <img class="sw100 xlie-t5" src="<?php echo $cdnUrl; ?>img/xlie-t5.png?v=4" />
           </div>
           <img class="home-back" src="<?php echo $cdnUrl; ?>img/home-back.png" />
        </div>
        
        
 
 
</div>
 
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/swiper.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js.php'; ?>
</body></html>